<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>银行卡列表</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
    <link type="text/css" rel="stylesheet" media="screen" href="__PUBLIC__/app/css/mrs.css{$JSDEBUG}"/>
    <link type="text/css" rel="stylesheet" media="screen" href="__PUBLIC__/app/css/media.css{$JSDEBUG}"/>
    <script type="text/javascript" src="__PUBLIC__/app/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
	  $(function(){
		  $(".count_bank_list li").each(function() {
             var listes = $(this).length;
			 if(listes > 0){
				 $(".no_bank").hide();
				 $(".count_bank_list ul").show();
				 }else{
					  $(".count_bank_list ul").hide();
					  $(".no_bank").show();
					 }			 
          });
	    });
				
	</script>
    <style>
	
	</style>
</head>
<body style="background:#f7f7f9;">
	<include file="Public/customHeader" title="银行卡列表" url="{:U('Beautician/count')}"/>
 	<section class="mrs_sec">
       <div class="count_bank_list">
         <h1><a href="{:U('/Beautician/addCard')}">添加新银行卡<img src="__PUBLIC__/app/images/count_08.png"></a></h1>
         <ul>
         	<foreach name="bankList" item="bank">
            <li>
              <img src="__UPLOADS__/Bank/{$bank.icon}">
              <dd>
                 <span>{$bank.bank_name}</span>
                 <label>尾号{$bank.last_four_number}</label>
              </dd>
            </li>
            </foreach>
         </ul>
         <div class="no_bank">
             <h1>美滴滴</h1>
             <p>您还没有绑定银行卡！</p>
         </div>
       </div>
	</section>
</body>
	
</html>